<template>
    <!-- pages/gatheringAuth/businessMain/index.wxml -->
    <view>
        <view class="centers" data-main="个体" @tap.stop.prevent="onTab">
            <view>
                <image class="icon" :src="shopimgUrl + 'qyicon.png'"></image>
            </view>
            <view>
                <view class="auth_name">个体工商户</view>
                <view class="auth_user">营业执照上的主体类型一般为个体户，个体工商户,个体经营</view>
            </view>
        </view>
        <view class="centers" data-main="企业" @tap.stop.prevent="onTab">
            <view>
                <image class="icon" :src="shopimgUrl + 'gticon.png'"></image>
            </view>
            <view>
                <view class="auth_name">企业</view>
                <view class="auth_user">营业执照上的主体类型一股为有限公司，有限责任公司</view>
            </view>
        </view>
        <view class="centers" data-main="小微商户" @tap.stop.prevent="onTab">
            <view>
                <image class="icon" :src="shopimgUrl + 'xwicon.png'"></image>
            </view>
            <view>
                <view class="auth_name">小微商户</view>
                <view class="auth_user">依据法律法规和相关监管规定免于办理工商注册登记，无营业执照的实体特约商户</view>
            </view>
        </view>
    </view>
</template>

<script>
// pages/gatheringAuth/businessMain/index.js
const app = getApp(); // 引入app

export default {
    data() {
        return {
            main: '',
            shopimgUrl: app.globalData.shopimgUrl
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad(options) {},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
    methods: {
        // 下一步
        onTab(e) {
            this.setData(
                {
                    main: e.currentTarget.dataset.main
                },
                () => {
                    uni.navigateTo({
                        url: '/pages/gatheringAuth/account/index?main=' + e.currentTarget.dataset.main
                    });
                }
            );
        }
    }
};
</script>
<style>
/* pages/gatheringAuth/businessMain/index.wxss */
page {
    padding: 20rpx 20rpx;
}

.icon {
    width: 100rpx;
    height: 100rpx;
    border-radius: 50%;
    margin-right: 20rpx;
}

.centers {
    width: 710rpx;
    padding: 20rpx;
    box-sizing: border-box;
    border-radius: 10px;
    background: #fff;
    position: relative;
    margin-top: 20rpx;
    box-shadow: 2px 2px 10px 2px #e6e6e6;
}

.auth_name {
    font-size: 32rpx;
}

.auth_user {
    font-size: 24rpx;
    color: #666;
    margin-top: 10rpx;
}
</style>
